<template>
  <div class="box">
    <div class="inner-one">111</div>
    <div class="inner-two">222</div>
    <button @click="btnClick">点我</button>
  </div>
</template>

<script>
export default {
  methods: {
    btnClick(){
      alert('点我干嘛')
    }
  }
}
</script>

<style lang="less">
@color: red;
@w: 100px;
.box{
  width: @w * 4;
  height: @w * 4;;
  background-color: @color;
  .inner-one{
    width: @w;
    height: @w;
    background-color: pink;
  }
  .inner-two{
    width: @w;
    height: @w;
    background-color: yellow;
  }
}


</style>